<template>
  <div class="box" style="overflow: hidden;">
    <div>
      <a-form :label-col="labelCol" :wrapper-col="wrapperCol" :hideRequiredMark="true" class="froms">
        <RingUp></RingUp>
      </a-form>
      
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, reactive, toRaw, computed, ref, onMounted } from 'vue';
import RingUp from './component/RingUp.vue'
export default defineComponent({
  components:{
    RingUp
  },
  setup(props,ctx) {
    return {
      labelCol: { span: 4 },
      wrapperCol: { span: 14 },
    
    };
  },
});
</script>
<style lang="less" scoped>
.box {
  width: 100%;
  height: 100%;
  background-image: url(@/assets/images/preview.gif);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  text-align: center;
}
.froms{
  width: 500px;
  height: 360px;
  position: absolute;
  top: 35%;
  left: 35%;
  background-image: url(https://img0.baidu.com/it/u=2909759096,1614422461&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800);
  background-repeat: no-repeat;
  background-size: 100%;
}
</style>
